body{
    margin: 0;
    padding: 0;
}
.photo{
    float: left;
    padding: 20px;
    margin-right: 100px;
}
#navigation{
    background:#22252A;
    color:white;
    font-weight: normal;
    width:1301px;
    height:60px;
}
#navigation:hover{
    background-color: #373D41;
}
.info{
    float: left;
}
.info ul{
    position: relative;
    height: 60px;
    list-style-type:none;
    margin: 0;
    padding: 0;
}
.info ul li{
    position: relative;
    z-index: 1;
    float: left;
    display: inline-block;
}
.present li{
    position: relative;
    z-index: 1;
    float: left;
    display: inline-block;
}
.polite li{
    position: relative;
    z-index: 1;
    float: left;
    display: inline-block;
}
 li:hover{
    cursor:pointer;
}
li a{
    position: relative;
    color: white;
    font-size:14px;
    text-decoration:none;
    padding: 0 15px;
    height: 60px;
    line-height: 60px;
}
.logo{
    cursor:pointer;
    width: 80px;
    height: 20px;
}
.polite{
    float: right;
    padding-right: 20px;
}
.polite li a:hover{
    color: rgb(0,193,222);
}
.present{
    float: right;
    background:rgb(0 ,193 ,222);
    margin:0px 50px 10px 0px;
    padding: 0px 10px 0px 10px;
}

.gift{
    background-color:rgb(0 ,193 ,222);
}
.hot{
    width: 24px;
    height:16px;
    margin:-25px 0px 10px -32px;
}
.show-list .line {
    position: absolute;
    top:57px;
    left: 0px;
    z-index: 2;
    width: 0px;
    height: 3px;
    overflow: hidden;
    background: rgb(0, 193, 222);

    transition-property: left, width;
    -webkit-transition-property: left, width;
    -moz-transition-property: left, width;
    -o-transition-property:left, width ;

    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
}
.active:hover ~ li.line{left:0px;width: 82px}
.product:hover ~ li.line{left:82px;width: 64px}
.program:hover ~ li.line{left:146px;width: 82px}
.market:hover ~ li.line{left:228px;width: 75px}
.data:hover ~ li.line{left:303px;width: 75px}
.community:hover ~ li.line{left:378px;width: 64px}
.support:hover ~ li.line{left:442px;width: 64px}
.more:hover ~ li.line{left:506px;width: 64px}





